<template>
  <div class="bg">
    <nav-com
      :title="questiontitle"
      :showView='showView'
      @back="backHandler()"
    ></nav-com>
    <div class="top-view1">
      <van-cell-group inset class="m-b-10 m-t-10">
        <div class="group-item">
          <div class="group-item-content">
            <div class="group-item-content-all">
              <div class="neirong">{{questioncontent}}</div>
            </div>
          </div>
        </div>
      </van-cell-group>
    </div>
  </div>
</template>
<script>
import { Toast } from 'vant';
import navCom from "@/components/nav-com.vue";
import {usehelpDetail} from "../../api/user";
export default {
  name: "questionList",
  components: {
    navCom,
  },
  data() {
    return {
      questionid:'',
      questiontitle:'',
      questioncontent:'',
      showView: true,
      title: "问题详情",
    };
  },
  mounted() {
    this.questionid = this.$route.query.canshu
    this.questiontitle = this.$route.query.canshu2
    this.init();
  },
  methods: {
    jumpTo(url){
      this.$router.push(url)
    },
    onPageConfirm(){

    },
    //返回
    backHandler() {
      this.$router.go(-1);
    },
    //初始化
    init() {
      this.getdetail()
    },
    getdetail(){
      usehelpDetail({id:this.questionid,}).then((res)=>{
        if(res.code==1){
          this.questioncontent = res.data.detail.content;
          this.title = res.data.detail.title;
        }
      })
    },
  },
};
</script>
<style lang="scss" scoped>
.rili-content{
  width: 90vw;
  background: #fff;
}
.top-view1{
  margin-top: 26.23vw;
}
.m-b-10{
  margin-bottom: 10px;
}
.m-t-10{
  margin-top: 10px;
}
.van-cell__title, .van-cell__value {
  flex: 1;
  display: flex;
  align-items: center;
}
.group-item{
  display: flex;
  flex-direction: column;
  padding: 15px;
  .group-item-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 0.02667rem solid #ebedf0;
    .group-item-left{
      flex: 2;
      display: flex;
      align-items: center;
      img{
        width: 40px;
        margin-right: 20px;
      }
      .management_name{
        font-size: 22px;
        font-family:PingFang, Helvetica;
        color: #303030;
      }
    }
    .group-item-right{
      flex: 1;
      display: flex;
      justify-content: flex-end;
      .van-button{
        height: 35px;
      }
    }
  }
  .group-item-content{
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;

    .group-item-content-all{
      width:100%;
      display: flex;
      align-items: center;
      margin-bottom: 10px;
      &:first-child{
        margin-top: 10px;
      }
      .biaoti{
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #808080;
        margin-right: 10px;
      }
      .neirong{
        font-size: 16px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #303030;
      }
      img{
        width: 100%;
      }
    }
    .fatSubmit{
      padding: 0.3rem 0.42667rem 10px;
      width: 100%;
      .fatSubmit_yanse{
        border: 0px!important;
        background: linear-gradient(90deg, #1ED6C2 0%, #00DEA1 100%);
        box-shadow: 0px 2px 4px 0px rgba(10,211,159,0.3);
        font-size: 18px!important;
        font-weight: 600;
      }

    }
  }
}
.fatSubmit{
  padding: 0.3rem 0.42667rem 10px;
  display: flex;
  justify-content: space-between;
  .fatSubmit_yanse1{
    margin-top: 20px;
    width: 48%;
    border: 0px!important;
    background: linear-gradient(90deg, #1ED6C2 0%, #00DEA1 100%);
    box-shadow: 0px 2px 4px 0px rgba(10,211,159,0.3);
    font-size: 18px!important;
    font-weight: 600;
  }

}
.fontStyle{
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color:#303030;
  text-align: center;
}
</style>
